<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/son.css"/>
		<link rel="icon"  href="img/天猫.png"/>
	</head>
	<body>
		<div id="top">
			<p id="top-p">
				<span>喵，欢迎来天猫</span>
				<a class="top-a1">请登录</a>
				<a class="top-a2">免费注册</a>
			</p>
			<ul class="top-ul">
				<li>我的淘宝<img class="liImg1" src="img/三角形.png"/></li>
				<li>购物车0件</li>
				<li>
					收藏夹<img class="liImg1" src="img/三角形.png"/>
					<span>|</span>
				</li>
				<li>手机版</li>
				<li>淘宝网</li>
				<li>商家支持<img class="liImg1" src="img/三角形.png"/></li>
				<li>
					网站导航<img class="liImg1" src="img/三角形.png"/>
				</li>
			</ul>
		</div>
		<div class="titl">
			<p class="titl-p1">
				<input type="text" class="titl-inp" placeholder="搜索天猫超市商品" />
				<button class="titl-btn">搜索</button>
			</p>
			<img class="titlImg" src="img/titl.png" />
		</div>
		<div class="sonNav">
			<ul class="sonNavUl">
				<li>所有产品分类</li>
				<li>首页<span class="sonNavUlSpan1">|</span></li>
				<li>限量版<span class="sonNavUlSpan2">|</span></li>
				<li>生鲜区<span class="sonNavUlSpan3">|</span></li>
				<li>企业采购<span class="sonNavUlSpan4">|</span></li>
				<li>大家电</li>
			</ul>
		</div>
		<div class="fang">
			<div class="small">
				<div id="fa">
					<p id="move"></p>
					<img id="faImg" src="img/mul8.jpg" />
				</div>
				<div id="big">
					<img id="bigImg" src="img/mul8.jpg" />
				</div>
				<div class="fangTab">
					<ul  class="fangTabUl">
						<li><img src="img/main1.jpg"/></li>
						<li><img src="img/main2.jpg"/></li>
						<li><img src="img/main3.jpg"/></li>
						<li><img src="img/main4.jpg"/></li>
						<!--<li><img src="img/main5.jpg"/></li>-->
					</ul>
				</div>
			</div>
			<div class="data">
				<div class="dataLeft">
					<p id="dataLeftp1"></p>
					<div class="dataLeft-div">
						<span class="dataLeft-span1">价格</span>
						<p id="dataLeftp3">￥9.90</p>
					</div>
					<div class="freight"></div>
					<div class="sum">
						<p class="sum-p1">数量</p>
						<input type="text" name="" id="sumInp" value="1"  onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');"/>
						<input type="button" name="sumBtnLeft" id="sumBtnLeft" value="-" />
						<input type="button" name="sumBtnRight" id="sumBtnRight" value="+" />
						<img class="kucun" src="img/kuchun.png" />
					</div>
					<div class="subStr">
						<button class="subStrBtn">加入超市购物车</button>
					</div>
					<img class="dataLast" src="img/dataLast.png" />
						 
				</div>
				<div class="dataRight">
					
				</div>
			</div>
		</div>
		
		
		<div class="fixedRight">
			<p class="fixedRight-p1"></p>
			<p id="fixedRightp2" class="fixedRight-p2">购物车</p>
			<p class="fixedRight-p3">￥</p>
			<p class="fixedRight-p4"></p>
			<p class="fixedRight-p5"></p>
			<p class="fixedRight-p6"></p>
			<p class="fixedRight-p7"></p>
			<p class="fixedRight-p8">
				<img class="fixederwwei" src="img/er.jpg" />
			</p>
			<p class="fixedRight-p9"></p>
		</div>
		
		<!--<div class="m-sidebar"> 
    		<div class="cart"> 
        		<i id="end"></i> 
        		<div>
        			<span>购物车</span>
        			<div id="yuanquan">0</div>
        		</div>
   		 	</div> 
		</div>-->
		<!--<div id="msg">已成功加入购物车！</div> 
		<div id="jiesuan">
			<div id="quanxuan">
				<input type="checkbox" name="" id="" value="" /><span>  全选</span>
			</div>
			<div id="jiesuanlan">
				<input type="checkbox" name="" id="" value="" />
				<div id="jiesuanimg"><img src=""/><span></span></div>
				<span id="jiesuanlansp"></span>
				<p></p>
			</div>
			<input type="button" name="jiesuanfoot" id="jiesuanfoot" value="结算" />-->
		<!--</div>-->
		
		
		
		<iframe src="footer.html" width="1423" height="568"></iframe>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/son.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			
		</script>
	</body>
</html>
